/* 获取元素 */
const counters = document.querySelectorAll(".counter");
/* 循环counters中的所有元素 */
counters.forEach((counter) => {
  /* 初始化counter元素的innerHTML属性 */
  counter.innerHTML = "0";
  /* 更新counter元素的函数 */
  const updateCounter = () => {
    /* 获取到元素中的data-target属性值 */
    const target = +counter.getAttribute("data-target");
    /* 获取元素中innerText属性值 */
    const c = +counter.innerText;
    /* 获取到的data-target属性值/200 */
    const increment = target / 200;

    if (c < target) {
      /* 函数返回大于或等于一个给定数字的最小整数 */
      counter.innerText = `${Math.ceil(c + increment)}`;
      /* 设置定时器 */
      setTimeout(updateCounter, 1);
    } else {
      counter.innerText = target;
    }
  };
  updateCounter();
});
